<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>{:$system.web_name}</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="/home/css/base.css">
	<link rel="stylesheet" type="text/css" href="/home/css/swiper.min.css" />
	<link rel="stylesheet" href="/home/css/style.css">
	<link rel="stylesheet" href="/home/css/pick-pcc.css">
	<script src="/home/js/jquery.min.js"></script>
	<script src="/home/js/swiper.min.js"></script>
	<style>
		@media (min-width: 992px) {
			.lvb-txt ul {
				width: 90%;
				height: 300px;
			}
			.lcb-ul ul li.lbn {
				padding: 0 3px;
				width: 25%;
			}
			.lvb-txt ul {
				width: 96%;
			}
		}
		.pick-show span {
			font-size: 12px !important;
		}
		.lvb-txt>ul {
			overflow: auto;
		}
		.pick-show {
			padding-left: 0 !important;
		}
		ul.ul-over .pick-list {
			overflow-y: auto;
			max-height: 235px !important;
			box-sizing: border-box;
		}
		ul.ul-over {
			overflow: hidden;
		}
		.lcb-ul ul li.lbn:nth-child(3) .lvb-txt {
			overflow-y: hidden !important;
		}
		.lcb-ul ul li.lbn:nth-child(3) .lvb-txt {
			overflow-y: hidden;
		}
		@media (max-width: 992px) {
			.lcb-ul {
				height: 375px;
			}
			.lc-tc {
				width: 105%;
			}
			ul.ul-over .pick-list {
				max-height: 296px !important;
			}
		}
	</style>
</head>
<body>
	<div class="login-content o_hidden">
		<div class="login-c">
			<div class="lc-txt o_hidden">
				<div class="lc-tc">
					<img src="/home/img/xd_03.png" alt="" class="i-img">
					<img src="/home/img/gb_03.png" alt="" class="i-img1">
					<div class="lc-bottom o_hidden">
						<div class="lcb-top o_hidden">
							<span class="lcb-span"></span><span>&nbsp;&nbsp;考官登录</span>
							<div class="select-ul">
								<select>
									<option value="0">考官登录</option>
									<option value="1">检录登录</option>
									<option value="2">考生查询</option>
									<option value="3">机构申请</option>
								</select>
							</div>
							<div class="lcb-ul o_hidden">
								<ul class="o_hidden">
									<li class="lbn cur">
										<div class="lvb-txt">
											<span class="lcb-span"></span><span>&nbsp;&nbsp;考官登录</span>
											<ul class="o_hidden">
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_07.png" alt="">
														<input type="text" name="name1" class="in-put" placeholder="请输入账号">
													</div>
												</li>
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_17.png" alt="">
														<input type="password" name="paw" class="in-put" placeholder="请输入密码">
													</div>
												</li>
											</ul>
											<a href="javascript:;" class="lb-buttom login-kaoguan">确认登录</a>
										</div>
									</li>
									<li class="lbn">
										<div class="lvb-txt">
											<span class="lcb-span"></span><span>&nbsp;&nbsp;检录登录</span>
											<ul class="o_hidden">
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_07.png" alt="">
														<input type="text" name="name4" class="in-put" placeholder="请输入账号">
													</div>
												</li>
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_17.png" alt="">
														<input type="password" name="paw4" class="in-put" placeholder="请输入密码">
													</div>
												</li>
											</ul>
											<a href="javascript:;" class="lb-buttom login-heyan">确认登录</a>
										</div>
									</li>
									<li class="lbn">
										<div class="lvb-txt lvb-txt1" id="lvb-txt">
											<span class="lcb-span"></span><span>&nbsp;&nbsp;考生查询</span>
											<ul class="o_hidden">
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_12.png" alt="">
														<input type="text" name="name2" class="in-put" placeholder="姓名">
													</div>
												</li>
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_22.png" alt="">
														<input type="text" name="idcard" class="in-put" placeholder="身份证号">
													</div>
												</li>
											</ul>
											<a href="javascript:;" class="lb-buttom login-student">确认登录</a>
										</div>
									</li>
									<li class="lbn">
										<div class="lvb-txt lvbr" id="lvb-txt">
											<span class="lcb-span"></span><span>&nbsp;&nbsp;机构申请</span><a href="{:url('kaoping/login/login')}" class="j-login">机构登录</a>
											<ul class="ul-over">
												<li>
													<div class="pick-area"></div>
												</li>
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_09.png" alt="">
														<input type="text" name="name3" class="in-put" placeholder="机构名称">
													</div>
												</li>
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_07.png" alt="">
														<input type="text" name="contact" class="in-put" placeholder="联系人">
													</div>
												</li>
												<li>
													<div class="lcb-li">
														<img src="/home/img/x_17.png" alt="">
														<input type="text" name="tel3" class="in-put" placeholder="联系电话">
													</div>
												</li>
												<li>
													<div class="lcb-li">
														<img src="/home/img/x1.png" alt="">
														<input type="text" name="address" class="in-put" placeholder="申请机构地址">
													</div>
												</li>
											</ul>
											<a href="javascript:;" class="lb-buttom login-jigou">提交申请</a>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="/home/js/pick-pcc.js"></script>
	<script type="text/javascript" src="/demo/layer3.1.0/layer/layer.js"></script>
	<script>
		$(function () {
			$(".pick-area").pickArea({
				"format": "province/city/county", //格式
				"width": "910px", //设置“省市县”文本边框的宽度
				"height": "38", //设置“省市县”文本边框的高度
				"borderColor": "#dcdcdc", //设置“省市县”文本边框的色值
				"arrowColor": "#999", //设置下拉箭头颜色
				"listBdColor": "#435abd", //设置下拉框父元素ul的border色值
				"color": "#999", //设置“省市县”字体颜色
				"fontSize": "14px", //设置字体大小
				"hoverColor": "#435abd",
				"paddingLeft": "15px", //设置“省”位置处的span相较于边框的距离
				"arrowRight": "15px", //设置下拉箭头距离边框右侧的距离
				"maxHeight": "300px"
			});
			// 选择框
			$(".select-ul select").bind('change', function () {
				var n = $(this).val();
				if ($(this).val() == 0) {
					$(".lcb-top span:nth-of-type(2)").html("&nbsp;&nbsp;" + "考官登录");
				}
				if ($(this).val() == 1) {
					$(".lcb-top span:nth-of-type(2)").html("&nbsp;&nbsp;" + "检录登录");
				}
				if ($(this).val() == 2) {
					$(".lcb-top span:nth-of-type(2)").html("&nbsp;&nbsp;" + "考生查询");
				}
				if ($(this).val() == 3) {
					$(".lcb-top span:nth-of-type(2)").html("&nbsp;&nbsp;" + "机构申请");
				}
				$(".lcb-ul ul li.lbn").eq(n).addClass("cur").siblings().removeClass("cur");
			})
			// 验证码
			$(".l-btn").click(function () {
				var n = 60;
				var resend = setInterval(function () {
					n--;
					if (n > 0) {
						$(".l-btn").html(n + "s重新获取");
					} else {
						clearInterval(resend);
						$(".l-btn").html("获取验证码");
					}
				}, 1000);
			})
			//考官登录
			$(".login-kaoguan").click(function () {
				//console.log(110);
				var name = $("input[name=name1]").val();
				if (name == '') { layer.msg('登录名不能为空！', { icon: 7, time: 1500 }); return false; }
				paw = $("input[name=paw]").val();
				if (paw == '') { layer.msg('手机号不能为空！', { icon: 7, time: 1500 }); return false; }
				//code=$("input[name=code]").val();if (code=='') {layer.msg('验证码不能为空！',{icon:7,time:1500});return false;}
				$.post('/index/login.html', { name: name, password: paw, type: 1 }, function (res) {
					console.log(res);
					if (res.code == 200) {
						location.href = "/index/school.html";
					} else {
						layer.msg(res.msg, { icon: 7, time: 1500 });
					}
				})
			})
			//考官登录
			$(".login-heyan").click(function () {
				//console.log(110);
				var name = $("input[name=name4]").val();
				if (name == '') { layer.msg('登录名不能为空！', { icon: 7, time: 1500 }); return false; }
				paw = $("input[name=paw4]").val();
				if (paw == '') { layer.msg('登录密码不能为空！', { icon: 7, time: 1500 }); return false; }
				//code=$("input[name=code]").val();if (code=='') {layer.msg('验证码不能为空！',{icon:7,time:1500});return false;}
				$.post('/index/login.html', { name: name, password: paw, type: 3 }, function (res) {
					console.log(res);
					if (res.code == 200) {
						location.href = "/index/hy.html";
					} else {
						layer.msg(res.msg, { icon: 7, time: 1500 });
					}
				})
			})
			//考生成绩查询
			$(".login-student").click(function () {
				var name = $("input[name=name2]").val(); //if (name=='') {layer.msg('登录名不能为空！',{icon:7,time:1500});return false;}
				//tel=$("input[name=tel2]").val();if (tel=='' || !/^1[3|4|5|7|8][0-9]\d{4,8}$/.test(tel)) {layer.msg('手机号格式错误！',{icon:7,time:1500});return false;}
				idcard = $("input[name=idcard]").val(); //if (idcard=='') {layer.msg('身份证号不能为空！',{icon:7,time:1500});return false;}
				if (name == '' && idcard == '') {
					layer.msg('请输入姓名或者身份证号！', { icon: 7, time: 1500 });
					return false;
				}
				location.href = "/index/student.html?name=" + name + "&idcard=" + idcard;
			})
			//机构报名
			$(".login-jigou").click(function () {
				var province = $(".pick-province").text();
				if (province == '请选择省') { layer.msg('请选择机构所在省份！', { icon: 7, time: 1500 }); return false; }
				city = $(".pick-city").text();
				if (city == '请选择市') { layer.msg('请选择机构所在市区！', { icon: 7, time: 1500 }); return false; }
				county = $(".pick-county").text();
				if (county == '请选择县') { layer.msg('请选择机构所在城市！', { icon: 7, time: 1500 }); return false; }
				//layer.alert(provin);return false;
				name = $("input[name=name3]").val();
				if (name == '') { layer.msg('机构名不能为空！', { icon: 7, time: 1500 }); return false; }
				contact = $("input[name=contact]").val();
				if (contact == '') { layer.msg('联系人不能为空！', { icon: 7, time: 1500 }); return false; }
				tel = $("input[name=tel3]").val();
				if (tel == '' || !/^1[3|4|5|7|8][0-9]\d{4,8}$/.test(tel)) { layer.msg('手机号格式错误！', { icon: 7, time: 1500 }); return false; }
				address = $("input[name=address]").val();
				if (address == '') { layer.msg('地址不能为空！', { icon: 7, time: 1500 }); return false; }
				$.post('/index/jigou.html', { province: province, city: city, area: county, name: name, contact: contact, tel: tel, address: address }, function (res) {
					console.log(res)
					if (res.code == 200) {
						$("input[name=name3]").val('');
						$("input[name=contact]").val('');
						$("input[name=tel3]").val('');
						$("input[name=address]").val('');
						layer.msg(res.msg, { icon: 1, time: 1500 });
					} else {
						layer.msg(res.msg, { icon: 7, time: 1500 });
					}
				})
			})
		})
	</script>
</body>
</html>